<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Horario</title>
    <meta name="description" content="">
    <meta name="author" content="Orvelin Geronimo">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="components/lungo/lungo.css">
    <link rel="stylesheet" href="components/lungo/lungo.icon.css">
    <link rel="stylesheet" href="components/lungo/lungo.icon.brand.css">
    <link rel="stylesheet" href="components/lungo/lungo.css">
    <link rel="stylesheet" href="components/lungo/theme.lungo.css">
</head>

<body class="app">
    
    <!-- Inicio de tu app -->
    <section id="main" data-transition="">
        
        <header data-title="Horario">
            
        </header>
        
        <article id="main-article" class="active list">
            <ul>
                <li class="arrow"><a href="#lunes"  data-router="section"><strong>Lunes</strong></a></li>
                <li class="arrow"><a href="#martes" data-router="section"><strong>Martes</strong></a></li>
                <li class="arrow"><a href="#miercoles" data-router="section"><strong>Miercoles</strong></a></li>
                <li class="arrow"><a href="#jueves" data-router="section"><strong>Jueves</strong></a></li>
                <li class="arrow"><a href="#viernes" data-router="section"><strong>Viernes</strong></a></li>
            </ul>
        </article>
        
        
      </section>
    <!-- Fin de tu app -->
    
    <!-- Inicio Lunes -->
    <section id="lunes" data-transition="slide">
        
        <header data-title="Lunes">
            <nav class="left">
			<a href="#back" data-router="section" class="left">
				<span class="icon left blue"></span>
			</a>
		</nav>
        </header>
        
        <article id="lunes" class="active list scroll">
           <div class="layout">
        <div style="background: #ddd;" > <center><strong>7:00-08:40</strong></center></div>
        <div data-layout="secondary" style="background: #bbb;"><center>Proyectos de Investigacion</center></div>
        <div data-layout="primary" style="background: #999;"><center>Rodolfo Rivas Chavoya</center></div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>08:40-09:30</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Tecnologias de la Informacion</center></div>
                <div data-layout="primary" style="background: #999;"><center>Mariano Xiu Chay</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>09:40-11:20</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Administracion de Centros de Computo</center></div>
                <div data-layout="primary" style="background: #999;"><center>Fernando Leon Cocom</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>11:20-13:00</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Seguridad Informatica</center></div>
                <div data-layout="primary" style="background: #999;"><center>Ismael Agustin Silva Dzib</center></div>
            </div>
        </div>
    </div>
        </article>
        
        
    </section>
    <!-- Fin de Lunes -->
    
    <!-- Inicio Martes -->
    <section id="martes" data-transition="slide">
        
        <header data-title="Martes">
            <nav class="left">
			<a href="#back" data-router="section" class="left">
				<span class="icon left blue"></span>
			</a>
		</nav>
        </header>
        
        <article id="lunes" class="active list scroll">
           <div class="layout">
        <div style="background: #ddd;" > <center><strong>7:00-08:40</strong></center></div>
        <div data-layout="secondary" style="background: #bbb;"><center>Desarrollo de Sistemas Inteligentes</center></div>
        <div data-layout="primary" style="background: #999;"><center>Gino Gerardo Madrazo Galvez</center></div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>08:40-11:20</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Tecnologias de la Informacion</center></div>
                <div data-layout="primary" style="background: #999;"><center>Mariano Xiu Chay</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>11:20-13:00</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Ingles IX</center></div>
                <div data-layout="primary" style="background: #999;"><center>Maria del Mar Ruiz Arista</center></div>
            </div>
        </div>
        
    </div>
        </article>
        
        
    </section>
    <!-- Fin de Martes-->
    
    <!-- Inicio Miercoles -->
    <section id="miercoles" data-transition="slide">
        
        <header data-title="Miercoles">
            <nav class="left">
			<a href="#back" data-router="section" class="left">
				<span class="icon left blue"></span>
			</a>
		</nav>
        </header>
        
        <article id="lunes" class="active list scroll">
           <div class="layout">
        <div style="background: #ddd;" > <center><strong>7:00-08:40</strong></center></div>
        <div data-layout="secondary" style="background: #bbb;"><center>Desarrollo de Sistemas Inteligentes</center></div>
        <div data-layout="primary" style="background: #999;"><center>Gino Gerardo Madrazo Galvez</center></div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>08:40-11:20</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Arquitecturas Orientadas a Servicios</center></div>
                <div data-layout="primary" style="background: #999;"><center>Mariano Xiu Chay</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>11:20-13:00</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Seguridad Informatica</center></div>
                <div data-layout="primary" style="background: #999;"><center>Ismael Agustin Silva Dzib</center></div>
            </div>
        </div>
    </div>
        </article>
        
        
    </section>
    <!-- Fin de Miercoles -->
    
    
    <!-- Inicio Jueves -->
    <section id="jueves" data-transition="slide">
        
        <header data-title="Jueves">
            <nav class="left">
			<a href="#back" data-router="section" class="left">
				<span class="icon left blue"></span>
			</a>
		</nav>
        </header>
        
        <article id="lunes" class="active list scroll">
           <div class="layout">
        <div style="background: #ddd;" > <center><strong>7:00-08:40</strong></center></div>
        <div data-layout="secondary" style="background: #bbb;"><center>Proyectos de Investigacion</center></div>
        <div data-layout="primary" style="background: #999;"><center>Rodolfo Rivas Chavoya</center></div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>08:40-10:30</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Administracion de Centros de Informacion</center></div>
                <div data-layout="primary" style="background: #999;"><center>Fernando Leon Cocom</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>10:30-11:20</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Ingles IX</center></div>
                <div data-layout="primary" style="background: #999;"><center>Maria del Mar Ruiz</center></div>
            </div>
        </div>
        
    </div>
        </article>
        
        
    </section>
    <!-- Fin de Jueves -->
    
    <!-- Inicio Viernes -->
    <section id="viernes" data-transition="slide">
        
        <header data-title="Viernes">
            <nav class="left">
			<a href="#back" data-router="section" class="left">
				<span class="icon left blue"></span>
			</a>
		</nav>
        </header>
        
        <article id="lunes" class="active list scroll">
           <div class="layout">
        
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>09:40-11:20</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Arquitectura Orientada a Servicios</center></div>
                <div data-layout="primary" style="background: #999;"><center>Mariano Xiu Chan</center></div>
            </div>
        </div>
        <br/>
        <div>
            <div class="layout horizontal">
                <div style="background: #ddd;"> <center><strong>11:20-13:00</strong></center> </div>
                <div data-layout="secondary" style="background: #bbb;"><center>Ingles IX</center></div>
                <div data-layout="primary" style="background: #999;"><center>Maria de Mar Ruiz</center></div>
            </div>
        </div>
    </div>
        </article>
        
        
    </section>
    <!-- Fin de Viernes -->
    
    
    <!-- Webapp libraries -->
    <script src="components/base.js"></script>
    <!-- Lungo - Dependencies -->
    <script src="components/quojs/quo.js"></script>
    <script src="components/lungo/lungo.js"></script>
    <!-- Lungo - Sandbox App -->
    <script>
        Lungo.init({
            name: 'Ejemplo Firefox OS App'
        });
    </script>
</body>
</html>
